/*Parágrafo especial*/
.especial
{
   color : green;
   border: 0px;
   text-align: center;
   align: center;
   font-size: 150%;
}

/*Parágrafo procedimentos*/
.proctitulo
{
   color : green;
   border: 0px;
   text-align: center;
   align: center;
   font-size: 250%;
}

.proctexto
{
   color : black;
   border: 0px;
   text-align: center;
   align: center;
   font-size: 120%;
}

.divtitulo
{
   color : white;
   border: 0px;
   text-align: center;
   align: center;
   font-size: 250%;
}

.divtexto
{
   color : black;
   border: 0px;
   text-align: center;
   align: center;
   font-size: 180%;
}

/*Parágrafo de texto de artigo*/
.artigo
{
   margin: 10px;
   text-align: justify;
   /* margin-left: 5px;*/
   /*margin-right: 5px;  */
   /*padding: 10px; */
}

/* Divisores de itens (réguas) */
hr.fina
{
   height: 2px;
   width: 100%;
}

hr.media
{
   height: 5px;
   width: 100%;
}

hr.grossa
{
   height: 10px;
   width: 100%;
}

/* Títulos */
.titulo
{
   text-align: left;
   padding: 5px;
   font-size: 100%;
   font-color: rgb(255,0,0);
}

.texto
{
   text-align: justify;
   padding: 5px;
   font-size: 80%;
   font-color: rgb(0,0,0);
}

.data01
{
   text-align: left;
   padding: 5px;
   font-size: 60%;
   font-color: rgb(0,0,0);
}

.corpo
{ 
	background: rgb(255,255,255);  
	margin-left: 0px; 
	margin-right: 0px;
      margin-top: 0px;
      /*padding: 0;*/
}

.corpoPreto
{ 
	background: rgb(0,0,0); 
	margin: 0; 
	padding: 0;
}

.margem1
{
   background-color: rgb(255,255,255); 
   color: rgb(255,255,255);  
   border: 0px;
   cellspacing: 0px;
   width: 1px;
} 

.margem5
{
   background-color: rgb(255,255,255); 
   color: rgb(255,255,255);  
   border: 0px;
   cellspacing: 0px;
   width: 5px;
} 

.margem10
{
   background-color: rgb(255,255,255); 
   color: rgb(255,255,255);  
   border: 0px;
   cellspacing: 0px;
   width: 10px;
} 

.barrabotoes
{
   background-color: rgb(240,240,240);  
   color: rgb(144,193,64);  /*rgb(84,84,83);  #FFFFFF;*/
   border: 0px;

   valign: top;
   align: left;

   cellspacing: 0px;
   font-family:times new roman;
   font-size:32pt;
   /*text-align: left;*/
} 

.barrabotoes2
{
   background-color: rgb(240,240,240);  /*#5177E0;*/
   color: rgb(144,193,64);  /*rgb(84,84,83);  #FFFFFF;*/
   border: 0px;
   /*width: 300px;*/
   valign: top;
   align: right;
   cellspacing: 0px;
   font-family:times new roman;
   font-size:32pt;
   text-align: right;
} 

.barravazia
{
   background-color: rgb(255,255,255); 
   heigth: 10px; 
   //color: rgb(144,193,64);  /*rgb(84,84,83);  #FFFFFF;*/
   //border: 0px;
   //valign: top;
   //align: left;
   //cellspacing: 0px;
   //font-family:times new roman;
   //font-size:32pt;
} 

.code {font-family:courier new; font-size:9pt} 

/* Retira a borda azul das imagens*/
img
{
   border-style: none;   
   padding: 2px;
}

.head
{
   background-color: rgb(255,255,255);  /*#5177E0;*/
   color: rgb(144,193,64);  /*rgb(84,84,83);  #FFFFFF;*/
   border: 0px;
   cellspacing: 0px;
   font-family:times new roman;
   font-size:32pt;
} 

.head2
{
   background-color:#E0E0E0;
   color:#000000;
   font-family:times new roman;
   font-size:12pt;
   font-weight:bold;
   text-align:left;
   padding:3px
} 

.head3
{
  background-color:#E0E0E0;
  color:#000000;
  font-family:times new roman;
  font-size:10pt;
  font-weight:bold;
  text-align:center;
  padding:2px
} 

.head4
{
   background-color: rgb(255,255,255);
   background: url(.\\fundo-head1.jpg) repeat;
   color:#FFFFFF;
   font-family:times new roman;
   font-size:10pt;
   align: top;   
   padding: 0px;
   text-align: center;
   border-bottom-style: solid;
   border-bottom-color: rgb(144,193,64);
   border-bottom-width: 2px;
} 

.head5
{
   background-color: rgb(255,255,255);  /*#5177E0;*/
   background: url(.\\fundo-head1.jpg) repeat;
   color: rgb(204,253,124);  /* rgb(144,193,64);  rgb(84,84,83);  #FFFFFF;*/
   border-bottom-style: solid;
   border-bottom-color: rgb(144,193,64);
   border-bottom-width: 2px;
   cellspacing: 0px;
   font-family:times new roman;
   font-size:32pt;
   text-align: center;
}

.head6
{
   //O mesmo que .head4, mas com o elemento invisível	
   background-color: rgb(255,255,255);
   background: url(.\\fundo-head1.jpg) repeat;
   color:#FFFFFF;
   font-family:times new roman;
   font-size:10pt;
   align: top;   
   padding: 0px;
   text-align: center;
   border-bottom-style: solid;
   border-bottom-color: rgb(144,193,64);
   border-bottom-width: 2px;
   visibility: hidden;
} 

.pageHeader
{ 
	position: absolute;
      background: url(fundo_cab3.jpg) repeat;
	top: 0px;
      left: 0px;
	width: 100%;
	height: 50px;	
}

/*Tabela*/
.modelo01
{
   cellspacing: 0px;
   border: 1px;
   frame: border;
   rules: rows;
   border-collapse: collapse;
   width: 100%;
}

.modelo02
{
   cellspacing: 0px;
   border: 1px;
   frame: border;
   rules: rows;
   //border-collapse: collapse;
   height: 40px;
   width: 100%;
   top: 550px; 
   left: 0px;
   font-size: 10pt;
   font-style: normal;
   font-weight: normal;
   text-align: left;
   color: rgb(0,0,0);
   background-color: #E0E0E0;
   border-width: thin;
   border-top-style: solid;
   border-bottom-style: solid;
   border-top-color: rgb(0,0,0);
   border-bottom-color: rgb(0,0,0);
}

/*Célula da coluna da esquerda */
.esqcol
{
   width: 180px;
   //bgcolor: rgb(35,92,219); //rgb(224,224,224);
   //background-image:url('fundo_col01.jpg');
   valign: top;
   align: left;
   color: green;
   border: 0px;
   font-size: 100%;
   vertical-align: top; 
   background-color: rgb(100,188,255); //rgb(0,220,200);  
}

/*Célula da coluna da esquerda com imagem no fundo*/
.esqcol_a
{
   width: 180px;
   //bgcolor: rgb(224,224,224);
   background-image:url('fundo_col01.jpg');
   valign: top;
   align: left;
   color: green;
   border: 0px;
   font-size: 100%;
   vertical-align: top; 
   background-color: rgb(0,220,200);  
}

/*Célula da coluna da esquerda um poco mais estreita*/
.esqcol2
{
   width: 140px;
   //bgcolor: rgb(224,224,224);
   background-image:url('fundo_col02.jpg');

   valign: top;
   align: left;
   color: green;
   border: 0px;
   font-size: 100%;
   vertical-align: top; 
   background-color: rgb(0,220,200);  
}

/*Célula da coluna da esquerda um poco mais estreita*/
.esqcol2_a
{
   width: 140px;
   //bgcolor: rgb(224,224,224);
   background-image:url('fundo_col02.jpg');
   valign: top;
   align: left;
   color: green;
   border: 0px;
   font-size: 100%;
   vertical-align: top; 
   background-color: rgb(0,220,200);  
}

/* Célula da coluna do meio */
.midcol
{
   bgcolor: rgb(255,255,255);
   color: black;
   text-color: rgb(0,0,0);
   border: 0px;
   vertical-align: top;
   height: 480px;
   padding: 5px;
}

/* Célula da coluna da direita */
.dircol
{
   width: 190px;
   bgcolor: rgb(225,225,225);
   valign: top;
   align: left;
   color: green;
   border: 0px;
   vertical-align: top;
   padding: 5px;
   text-align: left;
   background-color: rgb(100,188,255); //rgb(0,220,200);
}

/* Célula da coluna da direita um pouco mais estreita*/
.dircol2
{
   width: 140px;
   bgcolor: rgb(225,225,225);
   valign: top;
   align: left;
   color: green;
   border: 0px;
   vertical-align: top;
   padding: 5px;
   text-align: left;
   background-color: rgb(0,220,200);
}

/* Célula para espaçamento */
.espacocol
{
   width: 10px;
   bgcolor: rgb(225,225,225);
   valign: top;
   align: left;
   color: green;
   border: 0;
   vertical-align: top;
}

/* Célula/texto como cabeçalho */
.cabecalho_maior1
{
    border-width: 2;
    border: solid;
    text-align: center;
    background-color: green;
    font-size: 150%;
    text-indent: 20px;
}

.cabecalho_maior2
{
    border-width: 2;
    border: solid;
    text-align: center;
    background-color: green;
    font-size: 200%;
    text-indent: 20px;
}

.cabecalho_maior3
{
    border-width: 2;
    border: solid;
    text-align: center;
    background-color: green;
    font-size: 300%;
}

.cabecalho
{
    border-width: 2;
    border: solid;
    text-align: center;
    background-color: green;
    colspan: 3;
    text-indent: 20px;
}

.borda_sup
{
    border-top-color: rgb(0,0,255);
    border-top-style:  solid;
    border-top-width: medium;
}

.borda_sup_inf
{
    border-top-color: rgb(0,0,255);
    border-top-style:  solid;
    border-top-width: medium;
    border-bottom-color: rgb(0,0,255);
    border-bottom-style:  solid;
    border-bottom-width: medium;
}

.font_tamanho0
{
    font-size: 100%;
}


.font_tamanho1
{
    font-size: 120%;
}

.font_tamanho2
{
    font-size: 150%;
}

.font_tamanho3
{
    font-size: 80%;
}

.font_tamanho0b
{
    font-size: 100%;
    font-color: rgb(0,0,0);
}

.font_tamanho1b
{
    font-size: 120%;
    font-color: rgb(0,0,0);
}

.font_tamanho2b
{
    font-size: 150%;
    font-color: rgb(0,0,0);
}

.font_tamanho3b
{
    font-size: 80%;
    font-color: rgb(0,0,0);
}


/*Paineis para o centro*/
.painelesquerdo
{
   position: absolute;
   top: 95px;
   left: 5px;
   width: 160px;
   height: 500px; /*100%;*/
   color:  #E0E0E0;
   background-color: rgb(255,255,255); /*rgb(224,224,224);*/
   /*border-right-style: solid;
   border-right-color: rgb(0,0,0);
   border-right-width: 2px;*/
}

.paineldireito
{
   position: absolute;
   top: 95px;
   right: 0px;
   width: 160px;
   height: 500px; /*100%;*/
   /*color:  rgb;*/
   background-color: rgb(255,255,255); /*rgb(224,224,224);*/
}

.painelcentral
{
   position: absolute;
   top: 95px;  /*87px;*/
   height: 500px;  /*100%;*/
   /*width: 50%;*/
   margin-left: 170px;
   margin-right: 165px;
   /*padding: 10px;*/
   color: rgb(0,0,0);
   font: "Arial";
   background-color: rgb(255,255,255);
   border-right-style: solid;
   border-right-color: rgb(0,0,0);
   border-right-width: 2px;
   border-left-style: solid;
   border-left-color: rgb(0,0,0);
   border-left-width: 2px;
}

/*paineis para o cabeçalho*/
.painelesquerdosup
{
   position: absolute;
   top: 5px;
   left: 5px;
   width: 45px;
   height: 40px; 
   /* height: "80%"; */
   /* width: "80%"; */ 
   align: "middle"; 

}

.paineldireitosup
{
   position: absolute;
   top: 5px;
   right: 5px;
   width: 100px;
   height: 50px;
}

.painelcentralsup
{
   position: absolute;
   top: 0px;
   height: 50px;
   width: 70%;
   margin-left: 161px;
   margin-right: 161px;
   font-size: 32pt;
   font-style: oblique;
   font-weight: bold;
   text-align: center;
   vertical-align: middle;
   color: rgb(255,255,255);
}

.rodape
{
   /*position: absolute;*/
   height: 40px;
   width: 100%;
   top: 550px; 
   left: 0px;
   font-size: 10pt;
   font-style: normal;
   font-weight: normal;
   text-align: center;
   /*vertical-align: bottom;*/
   color: rgb(0,0,0);
   background-color: #E0E0E0;
   border-width: thin;
   border-top-style: solid;
   border-bottom-style: solid;
   border-top-color: rgb(0,0,0);
   border-bottom-color: rgb(0,0,0);
}

.menu
{
   position: absolute;
   top: 52px;
   left: 0px;
   height: 33px;
   width: 100%;
   /*padding: 1px;*/
   font-size: 14pt;
   font-style: normal;
   font-weight: normal;
   text-align: left;
   vertical-align: middle;
   color: rgb(255,255,255);
   background-color: rgb(255,0,0);  /*#FF5050;*/
   border-width: 1px;
   /*border-style: none;*/
   /*border-top-style: solid;*/
   /*border-bottom-style: solid;*/
   /*border-bottom-color: rgb(255,255,255);*/
   /*border-bottom-width: 2;*/
   /*border-top-color: rgb(255,255,255);*/
   
}

/* Este componente engloba toda a página dentro de um <div>. Se a página aumentar
em altura, devemos aumentar a altura do componente (propriedade height). */
 
.conteiner
{
   width: 100%;
   height: 645px;
}